<template>
  <v-layout>
    <v-layout-item drag style="border-right: 1px solid #d1d1d1">
      left
    </v-layout-item>
    <v-layout-item>
      <v-layout :direction="'vertical'">
        <v-layout-item>right-top</v-layout-item>
        <v-layout-item
          drag
          style="border-top: 1px solid #d1d1d1"
          :min-height="100"
          :max-height="400"
        >
          right-bottom
        </v-layout-item>
      </v-layout>
    </v-layout-item>
  </v-layout>
</template>

<script>
import VLayout from '../../components/layout/v-layout.vue'
import VLayoutItem from '../../components/layout/v-layout-item.vue'
export default {
  name: 'Home',
  components: { VLayout, VLayoutItem }
}
</script>
